<%@ tag pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%--控件的折叠的和内部的逻辑 响应在ts文件中--%>
<div class="well cslistbox">
    <div class="bootstrap-duallistbox-container row">
        <div class="box1 col-md-6">
            <label for="bootstrap-duallistbox-nonselected-list_${id}">
                <span class="text-danger">未选择</span>
            </label>
            <span class="info-container">
        <span class="info">无选择项</span>
        <button type="button" class="btn clear1 pull-right btn-default btn-xs">全部</button>
    </span>
            <input placeholder="搜索" class="filter form-control" type="text">
            <div class="btn-group buttons">
                <button title="全部选择" type="button" class="btn moveall btn-default">
                    <i class="glyphicon glyphicon-arrow-right"></i><i
                        class="glyphicon glyphicon-arrow-right"></i>
                </button>
                <button title="选择" type="button" class="btn move btn-default">
                    <i class="glyphicon glyphicon-arrow-right"></i></button>
            </div>
            <select name="${id}_helper1" class="form-control"
                    id="bootstrap-duallistbox-nonselected-list_${id}" multiple="multiple"></select>
        </div>

        <div class="box2 col-md-6">
            <label for="bootstrap-duallistbox-selected-list_${id}">
                <span class="text-success">已选择</span></label>
            <span class="info-container">
        <span class="info">无选择项</span>
        <button type="button" class="btn clear2 pull-right btn-default btn-xs">全部</button>
    </span>
            <input placeholder="搜索" class="filter form-control" type="text">
            <div class="btn-group buttons">
                <button title="取消" type="button" class="btn remove btn-default">
                    <i class="glyphicon glyphicon-arrow-left"></i></button>
                <button title="取消全部" type="button" class="btn removeall btn-default">
                    <i class="glyphicon glyphicon-arrow-left"></i> <i
                        class="glyphicon glyphicon-arrow-left"></i>
                </button>
            </div>
            <select name="${id}_helper2" class="form-control"
                    id="bootstrap-duallistbox-selected-list_${id}" multiple="multiple"></select></div>
    </div>

    <select style="display: none;" multiple="multiple" class="cslistbox-multiple" name="${id}"></select>

    <div class="row">
        <div novalidate="novalidate" class="col-md-6 bv-form">
            <button class="bv-hidden-submit" type="submit"></button>
            <div class="form-group has-feedback">
                <div class="input-group">
                    <input data-bv-field="_input1" placeholder="自定义"
                           class="form-control" name="_input1" type="text">
                    <span class="input-group-btn"><a class="btn btn-default">+</a></span>
                </div>
                <i data-bv-icon-for="_input1" class="form-control-feedback bv-no-label bv-icon-input-group"
                   style="display: none;"></i>
                <small data-bv-result="NOT_VALIDATED" data-bv-for="_input1" data-bv-validator="notEmpty"
                       class="help-block" style="display: none;">不能为空
                </small>
            </div>
        </div>

        <div class="col-md-6">
            <label class="radio-inline"><input value="2" name="${id}_radio" type="radio">包括所有</label>
            <label class="radio-inline"><input value="1" name="${id}_radio" type="radio">包括任意</label>
            <label class="radio-inline"><input checked="checked" value="0" name="${id}_radio"
                                               type="radio">不包括</label>
        </div>
    </div>
</div>
